import {
	$
} from './library/jquery.js';

$('.language').on('click', function (ev) {
	ev.stopPropagation();
	$('.checkbox').toggleClass('show');

	$('.checkbox>div').on('click', function () {
		let text = $(this).text();
		$('.language').html(text + '<span class="icon-down"></span>');
		$('.checkbox').removeClass('show');
	})
})
$('html').on('click', function () {
	$('.checkbox').removeClass('show');
})

$('.login-tab>div').on('click', function () {
	$(this).addClass('login-show').siblings().removeClass('login-show');
	let i = $('.login-tab>div').index(this);
	$('.login-1').eq(i).removeClass('hide').siblings().addClass('hide');
	$('.login-1').find('input').val('');
	$('.error').text('');
})

$('.login-phone>input').on('input', function () {
	if ($(this).val().length > 6) {
		$('.login-yzm>div').removeClass('btn-dis');
	} else {
		if (!$('.login-yzm>div').hasClass('btn-dis')) {
			$('.login-yzm>div').addClass('btn-dis');
		}
	}
})

$('.pwd-icon').on('click', function () {
	$('.pwd-icon').toggleClass('pwd-icon1');
})


$('.toggle').on('click', function () {
	if ($('.toggle1').eq(1).hasClass('hide')) {
		$('.toggle1').eq(1).removeClass('hide');
		$('.toggle1').eq(0).addClass('hide');
		$('.toggle>img').attr('src', '../images/login/diannao.png');
		$('.tit>p').eq(1).removeClass('hide');
		$('.tit>p').eq(0).addClass('hide');
		$('.content-box').eq(1).removeClass('hide');
		$('.content-box').eq(0).addClass('hide');
	} else {
		$('.toggle1').eq(0).removeClass('hide');
		$('.toggle1').eq(1).addClass('hide');
		$('.toggle>img').attr('src', '../images/login/erweima.png');
		$('.tit>p').eq(0).removeClass('hide');
		$('.tit>p').eq(1).addClass('hide');
		$('.content-box').eq(0).removeClass('hide');
		$('.content-box').eq(1).addClass('hide');
	}
})

$('.login-btn').on('click', function () {
	if ($('.login-1').eq(1).hasClass('hide')) {
		if ($('.yzm1').val() == '' && $('.phone1').val() != '') {
			$('.error1').text('请输入验证码');
		} else if ($('.yzm1').val() == '' && $('.phone1').val() == '') {
			$('.error1').text('请输入手机号和验证码');
		} else if ($('.yzm1').val() != '' && $('.phone1').val() == '') {
			$('.error1').text('请输入手机号');
		} else {
			console.log($('.phone1').val())
			$.ajax({
				type: "get",
				url: "../../interface/login.php",
				data: {
					phone: $('.phone1').val(),
					password: ''
				},
				dataType: "json",
				success: function (res) {
					if (res.has) {
						alert('登录成功');
						$('.error1').text('');
						location.href = './01.index.html';
					} else {
						$('.error1').text('手机号未注册，请前往注册');
					}
				}
			});
		}
	} else {
		if ($('.pwd2').val() == '' && $('.phone2').val() != '') {
			$('.error2').text('请输入密码');
		} else if ($('.pwd2').val() == '' && $('.phone2').val() == '') {
			$('.error2').text('请输入手机号和密码');
		} else if ($('.pwd2').val() != '' && $('.phone2').val() == '') {
			$('.error2').text('请输入手机号');
		} else {
			console.log($('.phone2').val())
			$.ajax({
				type: "get",
				url: "../../interface/login.php",
				data: {
					phone: $('.phone2').val(),
					password: $('.pwd2').val()
				},
				dataType: "json",
				success: function (res) {
					if (res.has) {
						alert('登录成功');
						$('.error2').text('');
						location.href = './01.index.html';
					} else {
						$('.error2').text('手机号或密码错误，请重新输入');
					}
				}
			});
		}
	}
})

let phoneReg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
$('.phone1').on('change', function () {
	let val = $(this).val();
	if (!phoneReg.test(val)) {
		$('.error1').text('手机号码格式错误，请重新输入');
	} else {
		$('.error1').text('');
	};
})
$('.phone2').on('change', function () {
	let val = $(this).val();
	if (!phoneReg.test(val)) {
		$('.error2').text('手机号码格式错误，请重新输入');
	} else {
		$('.error2').text('');
	};
})